<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            . 加载慢的原因
                ⽹络延时问题
                资源⽂件体积是否过⼤
                资源是否重复发送请求去加载了
                加载脚本的时候，渲染内容堵塞了

                常⻅的⼏种SPA⾸屏优化⽅式
                    减⼩⼊⼝⽂件积--是路由懒加载
                        routes:[
                            path: 'Blogs',
                            name: 'ShowBlogs',
                            component: () => import('./components/ShowBlogs.vue')
                        
                    静态资源本地缓存
                    UI框架按需加载
                        将 import ElementUI from 'element-ui'
                            Vue.use(ElementUI)改为
                            import { Button, Input, Pagination, Table, TableColumn, MessageBox } from 'element-ui';
                            Vue.use(Button)
                            Vue.use(Input)
                            Vue.use(Pagination)
                    图⽚资源的压缩
                    组件重复打包
                        假设 A.js ⽂件是⼀个常⽤的库，现在有多个路由使⽤了 A.js ⽂件，这就造成了重复下载
                        解决⽅案：在 webpack 的 config ⽂件中，修改 CommonsChunkPlugin 的配置
                        minChunks: 3
                        minChunks 为3表示会把使⽤3次及以上的包抽离出来，放进公共依赖⽂件，避免了重复加载组件
                    开启GZip压缩
                    使⽤SSR
        */ 
    </script>
</body>
</html>